<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body style="margin: 0; padding: 0;">
<table border="0" cellpadding="0" cellspacing="0" width="540" align="center" style="background-color: #ffffff;">
    <tbody>
    <tr style="background-color: #ffffff; height: 74px;">
        <td>
            <img height="24" border="0" src="http://attach.bbs.miui.com/forum/201303/18/233119quyrec7to3ws3rco.jpg"/>
        </td>
    </tr>
    <tr>
        <td>
            <img width="100%" src="http://attach.bbs.miui.com/forum/201303/18/233119quyrec7to3ws3rco.jpg"/>
        </td>
    </tr>
    <tr>
        <!-- 收件人 begin -->
        <th style="color: #292930; text-align: left; padding: 32px 0px 20px 0px; font-size: 18px;"
            th:text="|尊敬的${mailData.username}|">尊敬的沙雕:
        </th>
        <!-- 收件人 end -->
    </tr>
    <tr>
        <td style="color: #292930; text-align: left; padding-bottom: 10px; font-size: 14px;"
            th:text="'您好！欢迎使用'+${mailData.platformName}+'平台。'">
            您好！欢迎使用平台。
        </td>
    </tr>
    <tr>
        <td style="color: #292930; font-size: 14px; padding-bottom: 32px;">
            已成功为您开通账户。您的登录账号：
            <!-- 收件人邮箱 begin -->
            <a href="mailto:uptothemoo@jswdwsx.com" style="text-decoration: none;" th:text="${mailData.email}">
                uptothemoo@jswdwsx.com
            </a>
            <!-- 收件人邮箱 end -->
            ，请点击按钮激活账户设置您的登录密码。激活后可获得更优质体验。
        </td>
    </tr>
    <tr>
        <td align="center" style="background-color: #ffffff;" height="52">
            <!-- 激活跳转链接 begin1 -->
            <a href="https://www.jswdwsx.com/activate" style="text-decoration: none; display: block;" target="_blank">
                <table bgcolor="#5373DB" height="52" width="100%" border="0" cellpadding="0" cellspacing="0">
                    <tbody>
                    <tr>
                        <td style="font-size: 12px; letter-spacing: 0.8px; text-transform: uppercase; text-align: center; width: 100%; border-radius: 4px;">
                                            <span>
                                                <!-- 激活跳转链接 begin2 -->
                                                <a href="https://www.jswdwsx.com/activate"
                                                   style="text-decoration: none; color: #5373DB;" target="_blank">
                                                    激活帐户
                                                </a>
                                                <!-- 激活跳转链接 end2 -->
                                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td style="font-size: 16px; letter-spacing: 0.8px; text-transform: uppercase; text-align: center; width: 100%; border-radius: 4px;">
                                            <span>
                                                <!-- 激活跳转链接 begin2 -->
                                                <a href="https://www.jswdwsx.com/activate"
                                                   style="text-decoration: none; color: #ffffff;" target="_blank">
                                                    激活帐户
                                                </a>
                                                <!-- 激活跳转链接 end2 -->
                                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td style="font-size: 12px; letter-spacing: 0.8px; text-transform: uppercase; text-align: center; width: 100%; border-radius: 4px;">
                                            <span>
                                                <!-- 激活跳转链接 begin2 -->
                                                <a th:href="@{${mailData.webSiteUrl}}"
                                                   style="text-decoration: none; color: #5373DB;" target="_blank">
                                                    激活帐户
                                                </a>
                                                <!-- 激活跳转链接 end2 -->
                                            </span>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </a>
            <!-- 激活跳转链接 end1 -->
        </td>
    </tr>
    <tr>
        <td style="color: #292930; font-size: 14px; padding-top: 32px; padding-bottom: 10px;">
            如果点击激活账户按钮无法正常打开，请直接将以下地址复制到浏览器。
        </td>
    </tr>
    <tr>
        <td style="padding-bottom: 24px; font-size: 14px;">
            <!-- 激活跳转链接 begin3 -->
            <a th:href="@{${mailData.webSiteUrl}}" target="_blank"
               style="text-decoration: none; color: #5373DB; font-weight: 200;" th:text="${mailData.webSiteUrl}">
                https://www.jswdwsx.com/activate
            </a>
            <!-- 激活跳转链接 end3 -->
        </td>
    </tr>
    <tr>
        <td style="border-radius: 4px;">
            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #F5F8FC;">
                <tbody>
                <tr>
                    <th style="padding: 20px 16px 6px 24px; width: 48px; font-size: 14px; color: #292930;">
                        Web
                    </th>
                    <td style="padding: 20px 24px 6px 0px; font-size: 14px;">
                        <a href="https://www.jswdwsx.com/" target="_blank"
                           style="text-decoration: none; color: #5373DB; font-weight: 400;">www.jswdwsx.com</a>
                    </td>
                </tr>
                <tr>
                    <th style="padding: 12px 16px 6px 24px; width: 48px; font-size: 14px; color: #292930;">
                        App
                    </th>
                    <td style="padding: 12px 24px 6px 0px; font-size: 14px;">
                        扫描下方二维码下载最新App；
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td style="padding: 0px 24px 0px 0px; font-size: 14px;">
                        Android用户通过华为、小米、应用宝应用市场搜索“<span th:text="${mailData.appName}"></span>”
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td style="padding: 0px 24px 0px 0px; font-size: 14px;">
                        下载App；
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td style="padding: 0px 24px 0px 0px; font-size: 14px;">
                        iOS用户可通过AppStore搜索“<span th:text="${mailData.appName}"></span>“下载App。
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td style="padding-top: 22px; padding-bottom: 24px; border-radius: 4px;">
                        <table border="0" cellpadding="0" cellspacing="0" width="100%">
                            <tr>
                                <td rowspan="3" width="96">
                                    <img src="http://attach.bbs.miui.com/forum/201303/18/233119quyrec7to3ws3rco.jpg"
                                         width="80">
                                </td>
                                <td style="font-size: 12px; color: #646B7F;">
                                    扫一扫，立即下载app<span th:text="${mailData.appName}"></span>
                                </td>
                            </tr>
                            <tr>
                                <td style="font-size: 12px; color: #646B7F;">
                                    享受更高效优质体验
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="http://attach.bbs.miui.com/forum/201303/18/233119quyrec7to3ws3rco.jpg"
                                         width="12">
                                    &nbsp;
                                    <img src="http://attach.bbs.miui.com/forum/201303/18/233119quyrec7to3ws3rco.jpg"
                                         width="12">
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                </tbody>
            </table>
        </td>
    </tr>
    <tr>
        <td style="color: #646B7F; font-size: 14px; padding: 24px 0px 0px 0px; "
            th:text="|如需帮助，可致电客服热线${mailData.customerServiceHotLine}。|">
            如需帮助，可致电客服热线0000-88888888。
        </td>
    </tr>
    <tr>
        <td style="color: #646B7F; font-size: 14px; padding: 0px 0px 0px 0px">
            本邮件为系统自动发送，请勿回复。
        </td>
    </tr>
    <tr>
        <td style="color: #646B7F; font-size: 14px; padding: 10px 0px 30px 0px"
            th:text="${#temporals.format(mailData.date,'yyyy/MM/dd')}">
            2020/05/20
        </td>
    </tr>
    <tr>
        <td>
            <hr color="#D5DAE7" size="1px"/>
            <img src="http://attach.bbs.miui.com/forum/201303/18/233119quyrec7to3ws3rco.jpg" width="540">
        </td>
    </tr>
    </tbody>
</table>
</body>
</html>
